@import '@common/styles/index.scss';

// 外部容器
.amountWrapper {
  background: $white;
  // height: 240px;
  font-size: $font-size-large;
  padding: $padding-4n;
  overflow-y: auto;
  min-height: calc(337px + constant(safe-area-inset-bottom));
  min-height: calc(337px + env(safe-area-inset-bottom));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  .btnBox {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: $padding-2n $padding-4n $padding-10;
    padding-bottom: calc(16px + constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
    padding-bottom: calc(16px + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
    &::before {
      content: '';
      display: block;
      // width: 100%;
      height: 1px;
      background: $border-color;
      position: relative;
      top: -8px;
      margin: 0 rem(-$margin-4n);
    }

    .btn {
      height: 42px;
      font-size: $font-size-middle;
      border-radius: 5px;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 42px;
    }
  }
  .giftInfo {
    display: flex;
    flex-direction: column;
    justify-content: start;
  }
}

// 金额确认标题
.amountTitle {
  font-weight: $font-weight-regular;
  font-size: $font-size-middle;
  color: $text-color-primary;
}
// 金额确认主要内容
.amountContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: $margin-4n 0 0;
  font-size: $font-size-primary;
  padding-bottom: calc(58px + constant(safe-area-inset-bottom));
  padding-bottom: calc(58px + env(safe-area-inset-bottom));
  // 交易内容item
  .acExplain {
    display: flex;
    align-items: center;
    line-height: $font-line-height-primary;
    margin: $margin-2n 0;
    font-size: $font-size-primary;
    color: $text-color-primary;
  }
  .acExplainDivider {
    margin: $margin-2n 0;
  }
  // 交易类型label提示
  .acExplainLabel {
    color: $text-color-regular;
    margin-right: $margin-4n;
    flex-shrink: 0;
  }
  // 交易内容value
  .acExplainValue {
    color: $text-color-primary;
    flex-wrap: nowrap;
    @include text-ellipsis();
  }
  .elipsisText {
    display: flex;
  }
  .acExplainTitle {
    display: block;
  }
  .acExplainNum {
    color: $error-color;
    font-size: $font-size-middle;
    font-weight: 600;
  }
  .acExplainDivider {
    margin: $margin-2n 0;
  }
  .ampuntLineWrap {
    // margin: 0 -$margin-4n;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -$margin-4n;
    margin-right: -$margin-4n;
  }
  .ampuntLine {
    width: 100%;
    height: 10px;
    background-color: $comment-bg-color;
    margin: $margin-2n 0;
  }
}
.payBoxCloseIcon {
  position: absolute;
  right: 3px;
  top: 5px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: $text-color-secondary;
  cursor: pointer;
}
